<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情页</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/container.css">
</head>
<body>
    <nav>
        <div class="mains">
            <div class="rightnav">
                <a class="mix" href="">小米商城</a>
                <a href="">MIUI</a>
                <a href="">loT</a>
                <a href="">云服务</a>
                <a href="">水滴</a>
                <a href="">金融</a>
                <a href="">有品</a>
                <a class="max" href="">Select Region</a>
            </div>
            <div class="leftnav">
                <a class="mix" href="register.html">登录</a>
                <a href="sign.html">注册</a>
                <a class="max"  href="">消息通知</a>
                <a href="trolley.html"><img src="img/cart.jpg" alt=""></a>
            </div>
        </div>
    </nav>

    <main>
        <div class="title-left mains">
            <div>
                <a href="index.html" title="小米官网"><img class="xiaomi" src="img/logo.jpg"></a>

            </div>
        </div>
    </main>
    <div class="plus5_no1">
        <h2 class="plus5_no1_float">红米5 Plus</h2><p class="plus5_no1_float">|</p><a href="javascript:;" class="plus5_no1_float"p>红米5</a>
        <a href="javascript:;" class="plus5_no1_float_rigth">用户评价概述</a>
        <span class="plus5_no1_float_rigth">|</span>
        <a href="javascript:;" class="plus5_no1_float_rigth">F码通道</a>
        <span class="plus5_no1_float_rigth">|</span>
        <a href="javascript:;" class="plus5_no1_float_rigth">概述</a>
    </div>

    
    <div class="plus5_no2 ">
        <!-- <div class="plus5_no2_in">
            <a class="plus5_no2_in_a"> 为方便您购买，请提前登录 </a>
            <a class="plus5_no2_in_a orange"style="color: pink;" href="../HTML/login.html?returnUrl=./container.html">立即登录</a>
            <a id="plus5_no2_in" class="plus5_no2_in_a" href="javascript:;">x</a>
        </div> -->
    </div>
    
     <div class="plus5_no3">
        <!-- <div class="plus5_no3_img">
            <img src="img/plus5_01.jpg" style="display: block" alt="">
            <img src="img/plus5_02.jpg" style="display: none" alt="">
            <img src="img/plus5_03.jpg" style="display: none" alt="">
            <img src="img/plus5_04.jpg" style="display: none" alt="">
        </div>
        <div class="plus5_no3_right">
            <h1>红米5 Plus</h1>
            <p class="plus5_no3_right_p2"><span class="plus5_no3_right_span2">「64GB立减200元」</span>全面屏 / 4000mAh大电量 / 前置柔光自拍 / 14nm骁龙八核处理器</p>
            <p class="plus5_no3_right_p3">899元<span class="plus5_no3_right_span3">999元</span></p>
            <div class="plus5_no3_right_div4">
                <div class="plus5_no3_right_div4_in">
                    <p class="plus5_no3_right_p4">赠品</p><span>原装贴膜</span>
                </div>
                <div class="plus5_no3_right_div4_in">
                    <p class="plus5_no3_right_p4">赠品</p><span>原装贴膜</span>
                </div>
            </div>
            <div class="plus5_no3_right_div5">
                    <p >北京 北京市 东城区 永定门外街道 <span class="plus5_no3_right_div5_span"><a class="plus5_no3_right_div5_span" href="">修改</a><br>有现货</span></p>
            </div>
            <div class="plus5_no3_right_div6">选择版本</div>
            <div class="plus5_no3_right_div7">
                <li class="plus5_no3_right_div7_in plus5_no3_right_div7_in_hover">
                    <span class="plus5_no3_right_div7_span0 ">3GB+32GB</span>
                    <span class="plus5_no3_right_div7_span " >999元</span>
                </li>
                <li class="plus5_no3_right_div7_in plus5_no3_float">
                    <span class="plus5_no3_right_div7_span0 ">4GB+64GB</span>
                    <span class="plus5_no3_right_div7_span " >1299元</span>
                </li>
            </div>
            <div class="plus5_no3_right_div6">选择颜色</div>
            <div class="plus5_no3_right_div9">
                <li class="plus5_no3_right_div7_in plus5_no3_right_div7_in_hover "><img src="img/plus5_phone_01.png" alt=""><span>金色</span></li>
                <li class="plus5_no3_right_div7_in plus5_no3_float"><img src="img/plus5_phone_02.png" alt=""><span>黑色</span></li>
                <li class="plus5_no3_right_div7_in"><img src="img/plus5_phone_03.png" alt=""><span>玫瑰金</span></li>
                <li class="plus5_no3_right_div7_in plus5_no3_float"><img src="img/plus5_phone_04.png" alt=""><span>浅蓝色</span></li>
            </div>
            <div class="plus5_no3_right_div10">
                <p class="plus5_no3_right_div10_p1">红米5 Plus <span class="plus5_no3_right_div10_span0">4GB+64GB</span> <span class="plus5_no3_right_div10_span1"></span><span class="plus5_no3_right_div10_span2">金色</span></p><span class="plus5_no3_right_span10">999元</span>
                <p class="plus5_no3_right_div10_p2">总计 ：999元</p>

            </div>
            <a href="trolley.html"><div class="plus5_no3_right_div11">加入购物车</div></a>
            <div class="plus5_no3_right_div12">
                <div class="plus5_no3_right_div12_y">√</div>
                <div class="plus5_no3_right_div12_z">七天无理由退货</div>
                <div class="plus5_no3_right_div12_y">√</div>
                <div class="plus5_no3_right_div12_z">15天质量问题换货</div>
                <div class="plus5_no3_right_div12_y">√</div>
                <div class="plus5_no3_right_div12_z">360天保障</div>
            </div>
            <a href="javascript:void (0);"></a>

        </div> -->
    </div> 
    <div class="foot">
        <ul class="foot_ul">
            <li class="foot_li">预约维修服务</li>
            <li class="foot_li">7天无理由退货</li>
            <li class="foot_li">15天免费换货</li>
            <li class="foot_li">满15元包邮</li>
            <li class="foot_li foot_fot">520余家售后网点</li>
        </ul>
        <div class="foot_center">
            <div class="foot_cen_left">
                <dl class="foot_dl">
                    <dt class="foot_dt">帮助中心</dt>
                    <dd class="foot_dd"><a>账户管理</a></dd>
                    <dd class="foot_dd"><a>购物指南</a></dd>
                    <dd class="foot_dd"><a>订单操作</a></dd>
                </dl>
                <dl class="foot_dl">
                    <dt class="foot_dt">帮助中心</dt>
                    <dd class="foot_dd"><a>账户管理</a></dd>
                    <dd class="foot_dd"><a>购物指南</a></dd>
                    <dd class="foot_dd"><a>订单操作</a></dd>
                </dl>
                <dl class="foot_dl">
                    <dt class="foot_dt">帮助中心</dt>
                    <dd class="foot_dd"><a>账户管理</a></dd>
                    <dd class="foot_dd"><a>购物指南</a></dd>
                    <dd class="foot_dd"><a>订单操作</a></dd>
                </dl>
                <dl class="foot_dl">
                    <dt class="foot_dt">帮助中心</dt>
                    <dd class="foot_dd"><a>账户管理</a></dd>
                    <dd class="foot_dd"><a>购物指南</a></dd>
                    <dd class="foot_dd"><a>订单操作</a></dd>
                </dl>
                <dl class="foot_dl">
                    <dt class="foot_dt">帮助中心</dt>
                    <dd class="foot_dd"><a>账户管理</a></dd>
                    <dd class="foot_dd"><a>购物指南</a></dd>
                    <dd class="foot_dd"><a>订单操作</a></dd>
                </dl>
                <dl class="foot_dl">
                    <dt class="foot_dt">帮助中心</dt>
                    <dd class="foot_dd"><a>账户管理</a></dd>
                    <dd class="foot_dd"><a>购物指南</a></dd>
                    <dd class="foot_dd"><a>订单操作</a></dd>
                </dl>
            </div>
            <div class="foot_cen_right">
                <p class="foot-phone">400-100-5678</p>
                <p class="foot-right-center">周一至周日 8:00-18:00<br>（仅收市话费)</p>
                <a class="foot-right-bottmo" href="">联系客服</a>
            </div>
        </div>
    </div>
    <div class="fot_bot_max">
        <div class="fot_bot">
            <img src="img/logo.jpg" class="fot_bot_logo" >
            <div class="fot_bot_text">
                <p class="fot_bot_p">
                    <a class="fot_bot_a" href="">小米商城</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">MIUI</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">米家</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">米聊</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">多看</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">游戏</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">路由器</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">米粉卡</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">政企服务</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">小米天猫店</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">隐私政策</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">问题反馈</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">廉政举报</a>
                    <span class="fot_bot_span">|</span>
                    <a class="fot_bot_a" href="">Select Region</a>
                </p>
                <p class="fot_bot_p fot_bot_a1">
                    "©"
                    <a class="fot_bot_a1" href="">mi.con</a>
                    " 京ICP证110507号"
                    <a class="fot_bot_a1" href="">京ICP备10046444号</a>
                    <a class="fot_bot_a1" href="">京公网安备11010802020134号</a>
                    <a class="fot_bot_a1" href="">京网文[2017]1530-131号</a>
                    "<br>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试"



                </p>
            </div>
            <div class="fot_bot_right">
                <a href="" class="fot_bot_right_img"><img src="img/foot_01.png" alt=""></a>
                <a href="" class="fot_bot_right_img"><img src="img/foot_02.png" alt=""></a>
                <a href="" class="fot_bot_right_img"><img src="img/foot_03.png" alt=""></a>
                <a href="" class="fot_bot_right_img"><img src="img/foot_04.png" alt=""></a>
                <a href="" class="fot_bot_right_img"><img src="img/foot_05.png" alt=""></a>
            </div>

        </div>
        <img class="fot_bottom_img" src="img/foot_06.png">
    </div>
    <div class="fixed">
        <div class="fixed_in">
            <a class="fixed_a" href=""><img src="img/fixed_01.png" alt="" class="fixed_img"></a>
            <p class="fixed_p">个人中心</p>
        </div>
        <div class="fixed_in">
            <a class="fixed_a" href=""><img src="img/fixed_02.png" alt="" class="fixed_img"></a>
            <!--<a class="fixed_a" href=""><img src="img/fixed_o_02.png" alt="" class="fixed_img"></a>-->

            <p class="fixed_p">联系客服</p>
        </div>
        <div class="fixed_in">
            <a class="fixed_a" href=""><img src="img/fixed_03.png" alt="" class="fixed_img"></a>
            <p class="fixed_p">购物车</p>
        </div>
        <div class="fixed_in fi_bottmo">
            <a class="fixed_a" href=""><img src="img/fixed_04.png" alt="" class="fixed_img"></a>
            <p class="fixed_p">回到顶部</p>
        </div>
    </div>
    <script src="../lib/jquery-2.2.4.js"></script>
    <script src="../lib/layer/layer.js"></script>
    <script src="../js/axios.js"></script>
    <script src="../js/container.js"></script>
</body>
</html>